{% extends 'base.html' %}

{% block head %}
  {% block head0 %}
  {% endblock %}
    
  <link rel="stylesheet" type="text/css" href="{% static 'style/tocbot.min.css' %}" />
  <link rel="stylesheet" type="text/css" href="{% static 'style/typography.min.css' %}" />
  <script type="module" src="{% static 'script/app/document.js' %}"></script>
{% endblock %}

{% block body-sidebar-menu %}
    {% include './sidebar.html' %}
{% endblock %}

{% block body %}
  <div class="tw:flex tw:size-full">
    <div class="tw:basis-3/4">
      <div class="tw:prose tw:prose-slate tw:max-w-none! tw:flex tw:flex-col">
        <div class="tw:flex tw:justify-center tw:mt-2">
          {% block article_title %}
          {% endblock %}
        </div>
        <article id="article">
          {% block article %}
          {% endblock %}
        </article>
      </div>
    </div>
    <div class="tw:basis-1/4">
      <div class="tw:fixed" id="toc">
      </div>
    </div>
  </div>
{% endblock %}

